<template>
  <div>
    <a-form :model="equipmentTypeStore.$state.getEquipmentTypeListParam" :style="{ width: '580px' }" layout="inline">
      <a-form-item label="设备类型名称">
        <a-input
          v-model="equipmentTypeStore.$state.getEquipmentTypeListParam.devTypeName"
          placeholder="请输入设备类型名称"
          style="width: 200px"
        />
      </a-form-item>
      <a-form-item>
        <a-divider direction="vertical" />
        <a-button type="primary" html-type="submit" @click="equipmentTypeStore.searchClick()">
          <template #icon>
            <icon-search />
          </template>
          查询
        </a-button>
        <a-button type="primary" @click="equipmentTypeStore.resetClick()" status="danger" style="margin-left: 10px">
          <template #icon>
            <icon-refresh />
          </template>
          重置
        </a-button>
      </a-form-item>
    </a-form>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref, onMounted } from 'vue'
export default defineComponent({
  name: 'Header'
})
</script>
<script lang="ts" setup>
// 引入
import { useEquipmentTypeStore } from '@/store'

const equipmentTypeStore = useEquipmentTypeStore()

onMounted(() => {
  console.log(equipmentTypeStore.$state)
})
</script>

<style  scoped>
::v-deep .arco-form-item-layout-inline {
  margin: 0px;
}
</style>